<template>
	<div class="user-fresh">
		<div class="com-header border-1px">
			<div class="back"
				onclick="javascript:history.go(-1)"
			>
				<i class="iconfont">&#xe697;</i>
			</div>
			<div class="content">
				新手教程
			</div>
		</div>
		<div class="no-place"></div>
		<div class="ua-con">
			<ul class="ua-items">
				<li class="ua-item"
					v-for="(item, index) in list"
				>
					<div class="uai-header border-1px">
						<i class="iconfont">&#xe62a;</i>
						<span>{{item.title}}</span>
					</div>
					<div class="uai-content">
						<div v-html="item.contents" class="uc-con"></div>
					</div>
				</li>
				<div class="goods-none"
					v-if="list != undefined && list.length == 0"
				>
					<img src="../assets/img/nodata.png" />
				</div>
			</ul>
		</div>
	</div>
</template>
<script>
	import { Toast } from 'mint-ui'
	import axios from 'axios'
	import Http from '../http.js'
	export default{
		data(){
			return{
				list: [],
				isLoadDom: false
			}
		},
		mounted(){
			var params = new URLSearchParams();
            params.append('type', 1);
            axios.post(Http.HELPER, params).then( res => {
            	var ret = res.data;
            	if (ret.code == 1) {
            		this.list = ret.data;
            	}
            })
		},
		updated(){
			this.isLoadDom = true;
		}
	}
</script>
<style lang="scss" scoped>
	.user-fresh{
		background: #f5f5f5;
		text-align: left;
		min-height: 12.8rem;
		.com-header{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background: #fff;
			z-index: 3;
		}
		.ua-items{
			margin: 0 0.24rem;
			margin-top: 0.1rem;
			.ua-item{
				background: #fff;
				border-bottom: 0.1rem solid #f5f5f5;
				border-radius: 0.1rem;
				.uai-header{
					padding: 0 0.24rem;
					height: 0.6rem;
					line-height: 0.6rem;
					i{
						color: #ffb427;
					}
				}
				.uai-content{
					padding: 0.24rem 0.24rem;
				}
			}
			.goods-none{
				width: 100%;
				img{
					width: 60%;
				}
			}
		}
	}
</style>